import React, { Component, Fragment, useEffect } from 'react'
import Loading from './Loading/index'
import KLinkComponent from './KLineComponent'
export default class contentItem extends Component {
    constructor(props) {
        super(props)
        this.state = {

        }
    }
    render() {
        const { data, pIndex } = this.props
        return (<Fragment>
            {
                data && data.data.length ?
                    <div>
                        <KLinkComponent data={data.data} title={data.period} pIndex={pIndex} />
                    </div>
                    : ''
            }
            <div style={{ display: !(data && data.data.length) ? 'block' : 'none' }} className="k-line-chart-container">
                <Loading />
            </div>
        </Fragment>)

    }
}
// export default function contentItem({ data, pIndex }) {
//     useEffect(() => {

//         return () => {

//         };
//     }, [data.data]);
//     console.log(data)
//     return (
//         <Fragment>
//             {
//                 data && data.data.length ?
//                     <div>
//                         <KLinkComponent data={data.data} title={data.period} pIndex={pIndex} />
//                     </div>
//                     : ''
//             }
//             {
//                 <div style={{ display: !(data && data.data.length) ? 'block' : 'none' }} className="k-line-chart-container">
//                     <Loading />
//                 </div>

//             }
//         </Fragment>
//     )
// }
